.container {
    margin: 0 auto;
    width: 100%;
    display: flex;
    min-height: 70vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.overview {
    width: 100%;
    background: linear-gradient(70deg, white, pink);
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overviewContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 80%;
    margin-left: 150px;
}

.overviewContent button {
    width: 120px;
    height: 45px;
    margin-top: 15px;
}

.overviewContent h4 {
    color: gray;
    margin-top: 15px;
}

.template {
    display: flex;
    flex-direction: row;
}

.templateDark {
    display: flex;
    flex-direction: row;
    background-color: #f5f5f5;
    width: 100%;
}

.opRight {
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
}

.tplRight {
    padding: 80px;
}

.opRight h4 {
    color: gray;
    margin-top: 15px;
}

.tplRight img{
    width: 950px;
    height: 500px;
    border-radius: 15px;
}

.buttonDiv {
    height: 50px;
}